<template>
  <div class="card-box">
    <div class="card-title">付款审批表</div>
    <div class="template-head">
			<span class="template-head-font">福田区政府物业管理中心付款审批表</span>
      <span class="head-time">单位名称: {{user.deptName}}</span><br/>
      <span class="head-time">{{todayTime}}</span>
    </div>
    <div class="table-div">
      <el-form :rules="rules" status-icon :model="printData" ref="form">
        <table class="approve-form-table">
          <tr>
            <td rowspan="6">一</td>
            <td rowspan="5">概况</td>
            <td>名称</td>
            <td colspan="3">
              <el-form-item prop="approvalName">
                <el-input type="input" v-model="printData.approvalName" maxlength="64" placeholder="请输入名称（内容最大长度为64)"></el-input>
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>本次申请付款额(元)</td>
            <td colspan="3">
              <el-form-item prop="reqPricet">
                <el-input
                  type="number"
									v-only-number="{min:0,precision:2}"
                  class="table-input"
                  v-model="printData.reqPricet"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  placeholder="请输入申请付款额(最大长度为12位,且最小为0）"
                  min="0"
                  @mousewheel.native.prevent
                  @blur="handleTotalPrices"
                ></el-input>&nbsp;
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>合同价格(元)</td>
            <td colspan="3">
              <el-form-item prop="contractPrice">
                <el-input
                  type="number"
									v-only-number="{min:0,precision:2}"
                  class="table-input"
                  v-model="printData.contractPrice"
                  oninput="if(value.length>=12)value=value.slice(0,12)"
                  placeholder="请输入合同价格(最大长度为12位,且最小为0）"
                  min="0"
                  @mousewheel.native.prevent
                  @blur="handlecontractPrice"
                ></el-input>&nbsp;
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>已付款情况（付款审批）</td>
            <td colspan="3">
              <el-form-item prop="paymentStatus">
                <el-input
                  type="textarea"
                  class="textarea"
                  autoHeight="true"
                  v-model="printData.paymentStatus"
                  placeholder="请输入已付款情况(最大长度为400位)"
                  maxlength="400"
                  :autosize="{ minRows: 6, maxRows: 10}"
                ></el-input>
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>余款(元)</td>
            <td colspan="3">
              <el-form-item prop="balance">
                <el-input class="table-input"   v-model="printData.balance" v-only-number="{min:0,precision:2}" maxlength="12" @blur="handlebalance"></el-input>&nbsp;
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>业务部门审核</td>
            <td>业务经办人</td>
            <td>
              <el-form-item prop="businessAgent">
                <el-input type="input" v-model="printData.businessAgent" placeholder="请输入业务经办人(最大长度为25位）" maxlength="25"></el-input>
              </el-form-item>
            </td>
            <td>部门负责人</td>
            <td>
              <el-form-item prop="departmentHead">
                <el-input type="input" v-model="printData.departmentHead" placeholder="请输入部门负责人(最大长度为25位）" maxlength="25"></el-input>
              </el-form-item>
            </td>
          </tr>
          <tr>
            <td>二</td>
            <td>分管领导审批</td>
            <td colspan="4">
              <el-form-item prop="chargeApprove">
                <el-input
                  type="textarea"
                  v-model="printData.chargeApprove"
                  placeholder="请输入分管领导审批(最大长度为64位）"
                  maxlength="64"
                  :autosize="{ minRows: 6, maxRows: 10}"
                ></el-input>
              </el-form-item>
            </td>
          </tr>
        </table>
      </el-form>
    </div>
  </div>
</template>

<script src="./js/payment-approve-form.js">
</script>

<style scoped lang="scss">
@import "./scss/payment-approve-form";
</style>
